// 主题
<template>
<p>Alert 组件提供了两个不同的主题：<code>light</code> 和 <code>dark</code>。</p>
<p>通过设置 <code>effect</code> 属性来改变主题，默认为 <code>light</code>。</p>
  <div style="max-width: 600px">
    <el-alert title="Success alert" type="success" effect="dark" />
    <el-alert title="Info alert" type="info" effect="dark" />
    <el-alert title="Warning alert" type="warning" effect="dark" />
    <el-alert title="Error alert" type="error" effect="dark" />
  </div>
</template>

<style scoped>
@import '../../assets/elementPlusDemo.css'
</style>

<style scoped>
.el-alert {
  margin: 20px 0 0;
}
.el-alert:first-child {
  margin: 0;
}
</style>

